<script setup lang='ts'>
// vue 创建虚拟DOM / 组件   两步  
// 1.创建虚拟DOM  creageVNode()=>h()  
// 2.挂载真实DOM节点 render()渲染

// creageVNode()=>h()  三个参数 
// 1.虚拟DOM节点类型(div,img,组件) 2.虚拟DOM节点属性 3.虚拟DOM节点内容
// render()函数 两个参数 1.虚拟DOM  2.虚拟DOM挂载点
import {h, onMounted, render} from 'vue'
// 通过h函数创建出来的 <div id="h1Div" class="box">我是div标签</div>
const vNode=h('div',{id:'hiDiv',className:'box'},'我是div标签')
  console.log(vNode);

  onMounted(()=>{
    render(vNode,document.querySelector('.container')!)
  })
</script>

<template>
<div class="container">

</div>

</template>

<style scoped>
</style>
